/* 元素尺寸规则 & 删除轮廓 & 点击高亮颜色 */
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline:none;
    -webkit-tap-highlight-color:transparent;
}

/* 页面 body 设置，默认14px字体大小 */
body{
    margin: 0;
    padding: 0;
    width: 100vw;
    overflow-x: hidden;
    background-color: #ffffff;
    font-size: 62.5%;
    font-family: "Microsoft Yahei", Arial,sans-serif;
    letter-spacing: 0;
    word-wrap:break-word;
    -webkit-touch-callout: none;
}
html{width: 100vw; overflow-x: hidden;}

/*表单元素默认字体大小及字体*/
input,select,textarea{
    font-size: 0.28rem;
    font-family: "Microsoft Yahei", Arial,sans-serif;
}

/* 取消超链接默认下划线 */
a{text-decoration: none;    display: block;  transition: color 0.5s;    color: inherit;}
ul,ol{list-style: none;}
fieldset, img,input,button { border:none; padding:0; margin:0; outline-style:none; }
img{max-width: 100%;}
h1,h2,h3,h4,h5,h6,em,i {font-weight:400;font-style: normal;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden; border: none;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select{border: none; outline: none; background: unset; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
select::-ms-expand { display: none; }
select:focus{outline: none;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	font-family:"Microsoft Yahei", Arial,sans-serif;
}
i,em{font-style:normal;}
*::before,
*::after {
  z-index: -1;
}

/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 取消长按选中-加在body元素上则全站均不可长按选择文字复制 */
.cancel_select{-webkit-user-select: none;user-select: none;}
.no-scroll{width: 100vw; height: 100vh; overflow: hidden;}

/* 公共布局样式 */
.video-pop{width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.previewImage{width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 99; display: none;}
.previewImage img{height: 80%;}
.previewImage.on{display: block;}
.close-btn{position: absolute; right: 2vw; top: 2vw; color: #fff; transition: 1s; cursor: pointer;}
.close-btn:hover{transform: rotate(180deg);}
.lists-container pre{line-height: 1.5; font-size: var(--normal);}
.edit-box{line-height: 1.5; font-size: var(--normal);  }
.edit-box p{line-height: 2; font-size: inherit;}
.clearfix::after{content:""; display:block; clear:both;}
.click{cursor: pointer;}
.imgbg{background-size: cover; background-position: center; background-repeat: no-repeat;}
.imgbox{font-size: 0; line-height: 1; overflow: hidden;}
.imgbox img{width: 100%; transition: 2s;}

.enlarge{transition: 1s;}
.enlarge:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}
.enlarge-img:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.no-wrap{word-break: break-all; white-space: nowrap;}
.cer{margin: 0 auto;}
.fixed{position: fixed;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}

.title h3{font-size: var(--title1); font-weight: bold; font-family: 'Montserrat';}
.title h2{font-size:var(--title2);}
.title p{font-size: var(--title2);}
.title span{color: #187d21;}
/* 限制文本行数 */
.limit-1{
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.limit-2{
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.limit-3{
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.limit-4{
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
/* 旋转 */
.rotate-45{transform: rotate(-45deg); display: inline-block;}
.rotate45{transform: rotate(45deg); display: inline-block;}
.rotate-90{transform: rotate(-90deg); display: inline-block;}
.rotate90{transform: rotate(90deg); display: inline-block;}
.i-arr{font-size: 12px;}

/* flex */
.flex{display: flex;}
.flex-col{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.ai-start{align-items: flex-start;}
.ai-end{align-items: flex-end;}
.ai-cer{align-items: center;}
.jc-sb{justify-content: space-between;}
.jc-start{justify-content: flex-start;}
.jc-end{justify-content: flex-end;}
.jc-cer{justify-content: center;}
.flex-cer{display: flex; align-items: center; justify-content: center;}
.flex-1{flex: 1;}

.center{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.centerX{position: absolute; left: 50%; transform: translateX(-50%);}
.centerY{position: absolute; top: 50%; transform: translateY(-50%);}

.color_fff{color: #fff;}
.color_fff a{color: #fff;}
.color_333{color: #333;}
.color_333 a{color: #333;}
.color_000{color: #333;}
.color_000 a{color: #333;}

.w-10{width: 100%;}
.w-9{width: 90%;}
.w-8{width: 80%;}
.w-7{width: 70%;}
.w-6{width: 60%;}
.w-5{width: 50%;}
.w-4{width: 40%;}
.w-3{width: 30%;}
.w-2{width: 20%;}
.w-1{width: 10%;}

.rel{position: relative;}

/* 横向列表 */
/*
  --num: 定义每排item数量
  --space: item之间的间距
*/
.lists .lists-container{display: flex; align-items: center; flex-wrap: wrap;}
.lists .item{width: calc( (100% / var(--num)) - var(--space) ); margin: 0 calc((var(--space) / 2)); margin-bottom: var(--space);}

/* 纵向列表 */
.lists-col .lists-container{width: 100%; display: flex; flex-direction: column;}
.lists-col .item{width: 100%; margin-bottom: var(--space);}

.circle{width: var(--size); height: var(--size); border-radius: 50%; background: var(--bg); color: var(--color); border: 1px solid var(--border-color);}
.circle.no_radius{border-radius: 0;}

/* 分页 */
.paging{width: 100%; margin-top: 3vw; --color: #333; --size:35px;}
.paging .paging-container{width: fit-content; margin: 0 auto; display: flex; align-items: center;}
.paging .paging-container > a{width: var(--size); height: var(--size); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 50%; margin: 0 5px; color: var(--color); font-size: calc( var(--normal) + 2px );}
.paging .paging-container > a.active{background: #187d21; color: #fff;}
.paging .iconfont{font-size: 12px; color: inherit;}
.paging .paging-container > a:hover{background: #187d21; color: #fff;}

/* S 面包屑导航 */
.crumbs{display: flex; align-items: center; color: #adadad; font-size: 14px;}
.crumbs .iconfont{color: var(--bg); font-size: var(--icon-size);}
.crumbs a{color: inherit; font-size: inherit;}
.crumbs>*{margin-left: 5px;}
.anchor-links a.on{color: #187d21;}
.crumbs a:hover{color: #187d21;}
/* E 面包屑导航 */
/* S 锚链接导航 */
.anchor-links{display: flex;}
.anchor-links a{color: var(--color); --color: #333; font-size: var(--normal);}
.anchor-links a:hover{color: #187d21;}
.anchor-links .item{margin-right: var(--space); padding-right: var(--space); --space: 2vw; border-right: 1px solid #ddd;}
.anchor-links .item:last-child{border-right: none; padding-right: 0; margin-right: 0;}
/* E 锚链接导航 */

@media screen and (max-width: 980px) {
	.flex-col-m{flex-direction: column;}
  .w-10-m{width: 100%;}
  .w-9-m{width: 90%;}
  .h-10-m{height: 100%;}
  .previewImage img{width: 90%; height: auto;}
  .close-btn{top: 5vw; right: 5vw;}
}

/*
 *  ---------------------
 *  -----全局样式结束-----
 *  ---------------------
*/